.showBig{display: none;}
.showMiddle{display: none;}
.showSmall{display: none;}
   

.layoutTopOut{width: 100%;height: 40px;background: #fff;position: fixed;top: 0;left: 0;overflow: hidden;z-index: 888;padding-left: 200px;box-sizing: border-box;
	.layoutTopMain{width: 100%;height: 40px;overflow: hidden;
		ul{float: right;
			li{float: left;box-sizing: border-box;padding: 0 7.5px;cursor: pointer;position: relative;transition:0.5s;
				h1{line-height: 40px;font-size: 12px;
					img{height: 15px;float: left;margin-top: 12.5px;margin-right: 5px;}
				}
			}
			li:hover{background: #ecf0f1;transition: 0.5s}
			// li:hover{
			// 	h1:after{content: '';width: 100%;height: 2px;background: #16a085;position: absolute;top: 0;left: 0;animation: long 0.5s;}
			// }
		} 
		ol{float: left;
			li{float: left;padding: 12.5px 15px;cursor: pointer;transition:0.5s;
				img{height: 15px;}
			}
			li:hover{background: #ecf0f1;transition: 0.5s}
		}
	} 
}

.crumbsOut{width: 100%;height: 40px;position: fixed;top: 40px;left: 0;background: #fff;border-top: 1px solid #f1f1f1;border-bottom: 3px solid #34495e;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);padding-left: 200px;box-sizing: border-box;transition: 1s;
	.crumbsMain{width: 100%;box-sizing: border-box;padding-left: 50px;padding-right: 100px;
		ul{width: 100%;
			li{float: left;padding: 0 30px;cursor: pointer;border-left: 1px solid #ecf0f1;transition:  1s;
				h1{line-height: 36px;font-size: 12px;
					span{margin-left: 5px;}
				}
			}
			li:hover{background: #ecf0f1;transition: 1s}
			.active{background: #2c3e50;
				h1{color: #bdc3c7}
			}
			.active:hover{background: #2c3e50}
		}
		.pre{position: absolute;top: 0;left: 200px;width: 50px;transition: 1s;cursor: pointer;
			h1{text-align: center;line-height: 36px;font-size: 18px;}
		}
		.pre:hover{background: #ecf0f1;transition: 1s}
		.next{position: absolute;top: 0;right: 50px;width: 50px;border-left: 1px solid #ecf0f1;transition: 1s;cursor: pointer;
			h1{text-align: center;line-height: 36px;font-size: 18px;}
		}
		.next:hover{background: #ecf0f1;transition: 1s}
		.all{position: absolute;top: 0;right: 0px;width: 50px;border-left: 1px solid #ecf0f1;transition: 1s;cursor: pointer;
			h1{text-align: center;line-height: 36px;font-size: 16px;}
			.allMain{position: absolute;top: 39px;right: 0;background: #2c3e50;
				ol{overflow: hidden;width: 9em;
					li{padding: 0 15px;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.1);
						h1{color: #bdc3c7;line-height: 40px;font-size: 12px;}
					}
				}
			}
		}
		.all:hover{background: #ecf0f1;transition: 1s}
	}
}

.layoutLeftOut{width: 200px;height: 100%;background: #34495e;position: fixed;left: 0;top: 0;box-sizing: border-box;z-index: 999;transition: 1s;
	.layoutLeftMain{width: 100%;height: 100%;position: relative;
		.logoOut{width: 100%;height: 80px;border-bottom: 3px solid #2c3e50;box-sizing: border-box;background: #fff;border-right: 1px solid #f1f1f1;overflow: hidden;
			img{height: 30px;display: block;margin: 0 auto;margin-top: 25px;}
		}
		.menuOut{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding-top: 80px;box-sizing: border-box;
			.menuMain{width: 100%;height: 100%;overflow: auto;
				.model{width: 100%;
					.title{width: 100%;padding: 0 15px;box-sizing: border-box;;background: #2c3e50;
						h1{line-height: 40px;color:#7f8c8d;
							span{margin-right: 5px;}
						}
					}

					ul{width: 100%;transition: 1s;
						li{width: 100%;position: relative;
							h1{color: #bdc3c7;line-height: 40px;background: #304457;padding: 0 15px;box-sizing: border-box;cursor: pointer;
								span{margin-right: 5px;}
								i{float: right;line-height: 40px;}
							}
							.active{background: #f39c12;color: #fff}
							.active:hover{background: #f39c12}
							h1:hover:after{content: '';height: 100%;width: 4px;background: #f39c12;top: 0;left: 0;position: absolute;}
							h1:hover{background: #2c3e50;cursor: pointer;}
							.detial{width: 100%;
								h2{width: 100%;padding: 0 40px;box-sizing: border-box;color: #bdc3c7;line-height: 40px;font-size: 12px;padding-right: 0;transition: 1s;
									span{margin-right: 5px;font-size: 14px}
								}
								h2:hover{color: #fff;cursor: pointer;background: #27ae60;transition: 1s}
								.active{color: #fff;cursor: pointer;background: #27ae60}
							}
						}
					}
				}
			}
		}
	}
}

.layoutCenterOut{width: 100%;height: 100%;position: fixed;top: 0;left: 0;padding-top: 80px;padding-left: 200px;box-sizing: border-box;z-index: -1;transition: 1s;
	.layoutCenterMain{width: 100%;height: 100%;padding: 15px;box-sizing: border-box;
		iframe{width: 100%;height: 100%;border: none;background: #fff;box-sizing: border-box;
		}
	}
}

b{font-weight: normal;}


.changePwdOut{width: 100%;height: 100%;padding: 15px;box-sizing: border-box;
	
}


@media screen and (max-width: 1024px) {
    .layoutCenterOut{padding-left: 50px;transition: 1s;
        .layoutCenterMain{
        }
    }
    .layoutLeftOut{width: 50px;transition: 1s;
        .layoutLeftMain{
            .logoOut{width: 100%;
                .showBig{display: none;}
                .showMiddle{display: block;}
            }
            .menuOut{
                .menuMain{
                    .model{
                    	.title{
                    		h1{
                    			b{display: none;}
                    		}
                    	}
                    	ul{display: none;transition: 1s;}
                    }
                    .model:hover{
                    	ul{display: block;position: absolute;width: 200px;margin-top: -40px;left: 50px;}
                    }
                }
            }
        }
    }
    .crumbsOut{padding-left: 50px;transition: 1s;
        .crumbsMain{
        	ul{
        		li{position: relative;
					h1{max-width: 6em;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
						span{right: 0;position: absolute;top: 0;right: 15px;}
		            }
        		}
        	}
        	.pre{left: 50px;}
        }
    }
}

@media screen and (max-width: 600px) {

	.crumbsOut{display: none;}
	.layoutCenterOut{padding-top: 40px;}
	.layoutTopOut {padding-left: 50px;
		
	}
}